.group_page {
	padding-bottom: 100upx;
	box-sizing: border-box;
}
.team_name {
	width: 100%;
	height: 96upx;
	padding: 0 30upx;
	box-sizing: border-box;
	line-height: 96upx;
	color: #333333;
	font-size: 32upx;
}
.line {
	width: 100%;
	height: 60upx;
	background-color: #f9f9f9;
	padding: 0 30upx;
	box-sizing: border-box;
	font-size: 28upx;
	color: #999999;
	line-height: 60upx;
	margin-bottom: 20upx;
}

.flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.progress {
	width: 100%;
	height: 30upx;
	padding: 0 30upx;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	margin: 80upx 0;
	.num {
		color: #333333;
		font-size: 28upx;
		margin-right: 20upx;
 	}
	.right_pro {
		// width: 550upx;
		width: 100%;
		height: 20upx;
		border-radius: 10upx;
		position: relative;
		background-color: #d9dadc;
		.right_progress {
			width: 50%;
			height: 20upx;
			border-radius: 10upx;
			position: relative;
			// left:0 ;
			// bottom: 0;
			background-color: #fed906;
			overflow: hidden;
			// background-image:linear-gradient(to right, red 20%, yellow 20% 50% , cyan 50% 100%);
		}
		.right_progress_one {
			width: 30%;
			height: 20upx;
			position: absolute;
			left:0 ;
			bottom: 0;
			background-color: #a961eb;
			z-index: 9;
			border-bottom-left-radius: 10upx;
			border-top-left-radius: 10upx;
		}
		.right_progress_two {
			// width: 10%;
			height: 20upx;
			position: absolute;
			border-bottom-left-radius: 10upx;
			border-top-left-radius: 10upx;
			left:0 ;
			bottom: 0;
			background-color: blue;
			z-index: 5;
			
		}
		.progress_img {
			width: 42upx;
			height: 55upx;
			position: absolute;
			top: -50upx;
			transform: translate(-50%);
		}
		.group_peoplenum {
			width: 120upx;
			height: 30upx;
			border: 2upx dashed #8838d2;
			font-size: 24upx;
			color: #8838d2;
			text-align: center;
			line-height: 30upx;
			position: absolute;
			top:50upx;
			transform: translate(-50%);
			.jt {
				position: absolute;
				top: -20upx;
				left: 50%;
				transform: translate(-50%);
				border: 10upx solid transparent;
				border-color: #fec406 transparent transparent transparent;
			}
		}
		.singup_peoplenum {
			position: absolute;
			right: 0;
			top: 30upx;
			display: flex;
			font-size: 24upx;
			color: #999999;
			.l_num {
				font-size: 24upx;
				color: #9045d5;
			}
			.r_num {
				font-size: 24upx;
				color: #999999;
			}
		}
	}
}
.remake {
	width: 100%;
	height: 133upx;
	background-color: #f9f9f9;
	padding: 15upx 30upx;
	box-sizing: border-box;
	font-size: 24upx;
	color: #666666;
	line-height: 50upx;
	text {
		color: #d70329;
	}
}
.date {
	width: 100%;
	height: 90upx;
	padding: 0 30upx;
	box-sizing: border-box;
	font-size: 28upx;
	color: #333;
}
.singup {
	width: 100%;
	padding: 0 30upx;
	box-sizing: border-box;
	
}
.nosingup {
	overflow: hidden;
	text-align: center;
	image {
		display: block;
		margin: 40upx auto;
		margin-bottom: 20upx;
		width: 160upx;
		height: 130upx;
	}
	.nosingup_no {
		font-size: 28upx;
		color: #999999;
	}
}
.linet {
	width: 100%;
	height: 10upx;
	background-color: #f9f9f9;
}
.list {
	display: flex;
	align-items: center;
	border-bottom: 2upx solid #e1e1e1;
	height:140upx;
	width:100%;
	image {
		width: 86upx;
		height: 86upx;
		border-radius: 50%;
		margin-right: 10upx;
	}
	.right_top {
		display: flex;
		align-items: center;
		color: #333333;
		font-size: 28upx;
		image {
			margin-left: 10upx;
			width: 32upx;
			height: 32upx;
		}
	}
	text {
		font-size: 20upx;
		color: #999999;
	}
}
.list:last-child {
	border-bottom: 0;
}
.singup_loading {
	font-size: 32upx;
	width: 100%;
	height: 90upx;
	color: #8838d2;
	border-top: 2upx solid #e1e1e1;
	display: flex;
	justify-content: center;
	align-items: center;
	.singup_loading_loading {
		margin-left: 10upx;
		width: 32upx;
		height: 32upx;
	}
}
.bot {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 100upx;
	background-color: #FFFFFF;
	z-index: 1;
	display:flex;
	
	.bot_price {
		width: 490upx;
		height: 100upx;
		border-top: 2upx solid #e1e1e1;
		box-sizing: border-box;
		display:flex;
		align-items: center;
		justify-content: space-around;
	}
	.line_b {
		border-right: 2upx solid #e1e1e1;
	}
	.oldprice {
		flex: 1;
		height: 46upx;
		font-size: 28upx;
		color: #999;
		text-align: center;
		line-height: 46upx;
		text-decoration: line-through;
		text {
			font-size: 28upx;
			color:#999;
			margin-left: 6upx;
			text-decoration: line-through;
		}
	}
	.newprice {
		flex: 1;
		height: 46upx;
		font-size: 28upx;
		color: #8838d2;
		text-align: center;
		line-height: 46upx;
		text {
			font-size: 28upx;
			color: #8838d2;
			margin-left: 6upx;
		}
	}
	
	.btn {
		flex: 1;
		height: 100%;
		font-size: 32upx;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
		background-color: #8839d2;
		line-height: 100upx;
	}
	.btn_n {
		background: linear-gradient(to right,#999 0%, #e1e1e1 100%);
	}
}
.task_content {
	width: calc(100% - 60upx);
	margin: auto;
	// height: 205upx;
	// // height: 135upx;
	border-radius: 10upx;
	background-color: #F9F9F9;
	padding: 0 30upx;
	box-sizing: border-box;
	border: 2upx solid #e1e1e1;
	margin-bottom: 20upx;
	position: relative;
	.task_content_item {
		width: 100%;
		height: 135upx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.title {
		font-size: 28upx;
		color: #000;
		font-weight: bold;
		text {
			font-size: 24upx;
			font-weight: 400;
			margin-left: 4upx;
		}
		.bot {
				font-weight: 400;
			}
	}
	.price {
		font-size: 28upx;
		color: #000;
		font-weight: bold;
	}
	// 早鸟价
	.morning {
		position: absolute;
		width: 75upx;
		height: 30upx;
		background-color: #ff6403;
		right: 30upx;
		top: 10upx;
		font-size: 20upx;
		color: #FFFFFF;
		text-align: center;
		line-height:30upx ;
		.jt {
			position: absolute;
			right: 10upx;
			border: 6upx solid  #ff6403;
			border-right:6upx solid  transparent;
			border-left:6upx solid  transparent;
			border-bottom:6upx solid  transparent;
		}
	}
	// 审核提示
	.sinup_shen {
		position: absolute;
		left: -2upx;
		top: -2upx;
		image {
			width: 48upx;
			height: 46upx;
		}
	}

	.sinup_gou {
		position: absolute;
		display: none;
		right: -2upx;
		top: -2upx;
		image {
			width: 43upx;
			height: 40upx;
		}
	}
}
.task_content_bot {
	width: 100%;
	height: 70upx;
	border-top: 2upx solid #e1e1e1;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	display: none;
	.left {
		width: 32upx;
		height: 32upx;
		background-color: #8530e8;
		text-align: center;
		line-height: 32upx;
		color: #FFFFFF;
		font-size: 24upx;
	}
	.right {
		margin-left: 20upx;
		font-size: 24upx;
		color: #999999;
	}
}
.task_content_c {
	background-color: #f5f2f9;
	border: 2upx solid #c095e7;
	.title,.price {
		color: #8637d0;
	}
	.sinup_gou,{
		display: block;
	}
	.task_content_bot {
		display: block;
		display: flex;
	}
}
	.apply {
		width: 260upx;
		// background-color: #8a3bd4;
		background: linear-gradient(to right,#8838d2 0%,#bb78f9 100%);
		color: #FFFFFF;
		font-size: 32upx;
		text-align: center;
		line-height: 100upx;
	}
	.apply_no {
		width: 260upx;
		color: #FFFFFF;
		font-size: 32upx;
		text-align: center;
		line-height: 100upx;
		background:linear-gradient(to right, #999999 0%,#e1e1e1 100%);
	}